<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>铁杆圈正文</title>
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../css/cw.css" />
		<link rel="stylesheet" type="text/css" href="../css/image.css" />
		<style type="text/css">
	    	.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{color:#000;} 
	    	.mui-segmented-control.mui-segmented-control-inverted~.mui-slider-progress-bar{background:#8dc21f;} 
	    	.mui-slider-progress-bar{height:1px;} 
	    	img{width:100%;} 
	    	.mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item{border-bottom:none;}
	    	.Icon{padding: 0 5px!important;text-align: center;}
	    	.Icon i{font-size: 20px;}
	    </style>
	</head>
	<body>
		<header id="header" class="mui-bar mui-bar-nav">
			<i class="mui-icon mui-icon-back mui-action-back"></i>
			<h1 class="mui-title ">正文</h1>
			<a href="#picture" class="mui-icon mui-pull-right Icon">
				<i class="iconfont">&#xe61e;</i>
				<h5>分享</h5>
			</a>
		</header>
		<div id="content" class="mui-content"></div>
		<div class="margin-bottom-10">
			<div class="mui-table-view table-view-cell bbs-ico margin-bottom-1">
				<div class="overflow-h">
					<i><img src="../images/iconic.png" class="avatar"/></i>
					<div>
						<li class="name"></li>
						<li class="mui-h6 addtime"></li>
						<li class="iconfont dianzan-1 mui-h6 dianzan">&#xe61c;</li>
					</div>
				</div>
				<div class="font-14 content">

				</div>
				<div class="bbs-img">
					<!--<div>
							<img src="../images/bbs.png" alt="" data-preview-src="" data-preview-group="1"/>
						</div>-->
				</div>
			</div>
			<div class="bbs-img-pl background overflow-h table-view-cell-mini-15">
				<span class="iconfont">&#xe61d;<span class="ping"></span></span>
				<span class="iconfont">&#xe61c;<span class="zan"></span></span>
				<span class="mui-text-right iconfont">
					<a href="#picture" style="color:#929292;">&#xe61e;<span class="fengxiang-text zhuanfa"></span></a>
				</span>
			</div>
		</div>
		<div id="slider" class="mui-slider background">
			<div id="sliderSegmentedControl" class="background classify-font-size mui-slider-indicator mui-segmented-control mui-segmented-control-inverted ">
				<a class="mui-control-item mui-active" href="#item1mobile">
					<span>评论<span class="ping"></span></span>
				</a>
				<a class="mui-control-item" href="#item2mobile">
					<span>转发<span class="zhuanfa"></span></span>
				</a>
				<a class="mui-control-item" href="#item3mobile">
					<span>赞<span class="zan"></span></span>
				</a>
			</div>
			<div id="sliderProgressBar" class="mui-slider-progress-bar mui-col-xs-4"></div>
			<!--下划线-->
			<div class="mui-slider-group">
				<div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
					<!--<div class="mui-table-view table-view-cell bbs-ico margin-bottom-1">
					<div class="overflow-h">
						<i><img src="../images/img.png"/></i>
						<div>
							<li>
								<span>张三</span>
								<span class="mui-pull-right iconfont mui-h5 font-17">&#xe61c;
													<span class="mui-h5">50</span>
								</span>
							</li>
							<li class="mui-h6">一个小时前
							</li>
							<li class="iconfont dianzan-2 mui-h6"></li>
						</div>
					</div>
					<div class="font-14 text-pinglun">
						生命在于涌动生命在于涌动生命在于
					</div>
				</div>-->
				</div>
				<div id="item2mobile" class="mui-slider-item mui-control-content">
					<!--
				<div class="mui-table-view table-view-cell bbs-ico margin-bottom-1 table-view-cell-im">
					<div class="overflow-h">
						<i><img src="../images/iconic.png"/></i>
						<div>
							<li>
								<span>张三</span>
							</li>
							<li class="mui-h6">一个小时前
							</li>
							<li class="iconfont dianzan-2 mui-h6"></li>
						</div>
					</div>								
				</div>	-->

				</div>
				<div id="item3mobile" class="mui-slider-item mui-control-content">
					<!--
				<div class="mui-table-view table-view-cell bbs-ico margin-bottom-1 table-view-cell-im">
					<div class="overflow-h">
						<i><img src="../images/iconic.png"/></i>
						<div>
							<li>
								<span>张三</span>
							</li>
							<li class="mui-h6">一个小时前
							</li>
							<li class="iconfont dianzan-2 mui-h6"></li>
						</div>
					</div>								
				</div>	-->

				</div>
			</div>
		</div>
		<div class="mui-content background"></div>
		<nav class="text-nav background">
			<div>
				<input type="text" placeholder="发表评论" class="cont" onkeyup="this.value=this.value.replace(/[\,]+?/g,'，')" />
			</div>
			<div>
				<button type="button" class="mui-btn submit">发送</button>
			</div>
		</nav>
		<!--分享-->
		<div id="picture" class="brand-share mui-popover mui-popover-action mui-popover-bottom">
			<ul class="background table-view">
				<li>
					<i class="iconfont qq" style="color:#3F7ED2;">&#xe627;</i>
					<h5>QQ</h5>
				</li>
				<li>
					<i class="iconfont weixin" style="color:#2FA358;">&#xe628;</i>
					<h5>微信</h5>
				</li>
				<li>
					<i class="iconfont wxsline" style="color:#2FA358;">&#xe63d;</i>
					<h5>朋友圈</h5>
				</li>
			</ul>
			<a href="#picture">
				<div class="background color-000">取消</div>
			</a>
		</div>
	</body>
	
	<script src="../js/jquery-2.1.4.min.js"></script>
	<script type="text/javascript" src="../js/public.js"></script>
	<script type="text/javascript" src="../js/app/bbs-text.js"></script>
	<script src="../js/mui.min.js"></script>
	<script src="../js/mui.zoom.js"></script>
	<script src="../js/mui.previewimage.js"></script>
	<script type="text/javascript" src="../js/share.js"></script>
	<script>
//		mui.init();
		mui.previewImage();
	</script>

</html>